<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	    <!-- Ext -->
		<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="../ext/ext-all-debug.js"></script>
		<script type="text/javascript" src="../ext/examples/ux/ux-all-debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
		<link rel="stylesheet" type="text/css" href="../ext/examples/ux/css/ux-all.css">
		
		<!-- Calendar -->
		<link rel="stylesheet" type="text/css" href="../../resources/calendar/css/calendar.css">
		<script type="text/javascript" src="../../src/calendar/calendar.js"></script>
		<script type="text/javascript">
		    Ext.onReady(function ()
		    {
                        new Ext.Viewport(
                        {
                            id: "ViewPort",
                            layout: "absolute",
                            items:
                            [
                                new Ext.Panel(
                                {
                                    title: "Test Panel",
                                    id: "TestPanel",
                                    width: "95%",
                                    anchor: "-8 -8",
                                    layout: "absolute",
                                    x: 8,
                                    y: 8,
                                    items:
                                    [
                                        new Wdg.calendar.Calendar(
                                        {
                                            animateOnInitialLoad: true,
                                            mode: Wdg.calendar.CalendarMode.Day,
                                            startMinute: 480,
                                            endMinute: 1020,
                                            id: "CalendarCmp",
                                            anchor: "-8 -8",
                                            x: 8,
                                            y: 8
                                        })
                                    ]
                                })
                            ]
                        });
                    });
		</script>
	</head>
	<body>	
	</body>
</html>